<template>
  <div id="app">
    <router-view></router-view>
    <van-tabbar v-model="active">
      <van-tabbar-item icon="wap-home" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="records" to="/list">列表</van-tabbar-item>
      <van-tabbar-item icon="shopping-cart-o" to="/shopCart">购物车</van-tabbar-item>
      <van-tabbar-item icon="contact" to="/membCent">会员中心</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "app",
  data() {
    return {
      active: 0
    }
  },
  methods:{
    getDetail(id){
      // console.log("商品id是"+id)
      this.$router.push({name:'detail',params:{id:id}})
    }
  }
};
</script>

<style lang="scss" scoped>
  #app{
    background-color: #f0f0f0;
    margin-bottom: 50px;
    overflow: hidden;
  }
</style>
